<template>
  <div id="box">
      <div id="zhong">
          <div id="yi">
              <div id="a">精选推荐</div>
              <div id="b"></div>
          </div>
          <div id="yi">
              <div id="a">家用电器</div>
              <div id="b"></div>
          </div>
          <div id="yi">
              <div id="a">居家生活</div>
              <div id="b"></div>
          </div>
          <div id="yi">
              <div id="a">服饰运动</div>
              <div id="b"></div>
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
#box{
    width: 100%;
    height: 14.4vw;
}
#zhong{
    width: 95%;
    margin: auto;
    display: flex;
}
#yi{
    width: 25%;
    height: 100%;
}
#a{
    width: 100%;
    height: 80%;
    font-size: 4vw;
}
#b{
    width: .15rem;
    height: .03rem;
    background-color: black;
    margin-left: 0.2rem;
    margin-top: 0.05rem;
}
</style>